<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/comms.css" />
    <link rel="stylesheet" href="./css/order.css" />
    <title>订单管理</title>
  </head>
  <body>
    <!-- 头部 -->
    <header id="header">
      <div class="center">
        <a href="#">首页</a>
        <div class="br">|</div>
        <div>
          请 &nbsp;&nbsp; <a href="/login">登录</a>
          <div class="br">或</div>
          <a href="/reg">前往注册</a>
        </div>
      </div>
    </header>
    <div class="search">
      <div class="logo"><img src="./img/logo.png" alt="" /></div>
      <div class="search-right">
        <div class="search-input">
          <input type="text" />
          <a href="/search.html">
            <div class="look">
              <img src="./img/search.png" alt="" />
            </div>
          </a>
        </div>
        <div class="buyer"><img src="./img/buyer.png" alt="" />购物车</div>
      </div>
    </div>
    <div class="nav">
      <a href="/home.html">首页</a>
      <a href="/class.html">特产分类</a>
      <a href="/news.html" class="active">产品新闻</a>
      <a href="/promotion.html">推广销售</a>
      <a href="/personal.html">个人中心</a>
    </div>
    <div id="order">
      <div class="title">
        <p>提交订单</p>
        <img src="./img/组 365.png" alt="" />
      </div>
      <div class="addres">
        <div class="addres-list active">
          <div class="info">
            <div class="name">雷处长</div>
            <div class="phone">176094645489</div>
          </div>
          <div class="ad">甘肃省兰州市兰州文理学院</div>
        </div>
        <div class="addres-list addres-add">
          <div class="add">+</div>
          <p>添加地址</p>
        </div>
      </div>
      <table>
        <thead>
          <tr>
            <th style="width: 60px"></th>
            <th style="width: 200px"></th>
            <th style="width: 300px">商品</th>
            <th>单价</th>
            <th>数量</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <input type="checkbox" value="sleep" name="hobby" />
            </td>
            <td><img src="./img/蒙版组 13.png" alt="" /></td>
            <td>平川山羊</td>
            <td>¥ 192.00</td>
            <td>1</td>
          </tr>
        </tbody>
      </table>
      <div class="more">
        <div class="price">
          已选产品 <span class="hight">1</span> 件， 总价：<span class="hight"
            >¥ 192.00</span
          >
        </div>
        <div class="submit">提交订单</div>
      </div>
      <div class="page">
        <div class="switch">上一页</div>
        <div class="nums">
          <div class="num active">1</div>
        </div>
        <div class="switch">下一页</div>
      </div>
    </div>
  </body>
</html>
